<!-- ////////////////////////////////////////////////////
    BEGIN HEADER -->
<header role="banner">
    <nav class="navbar navbar-default navbar-static-top nav-top-line" role="navigation">
        <div class="container">
            <% if user_signed_in? && current_user.client? %>
                <ul class="nav navbar-nav left-links text-center">
                    <li>
                        <a href="<%= client_info_url %>">MIS DATOS</a>
                    </li>
                    <li>
                        <span class="hidden-xs navSep navbar-text">|</span>
                    </li>
                    <li>
                        <a href="<%= client_orders_url %>">MIS PEDIDOS</a>
                    </li>
                </ul>
            <% end %>

            <% if user_signed_in? && current_user.admin? %>
                <ul class="nav navbar-nav left-links text-center">
                    <li>
                        <a href="<%= admin_root_url %>">PANEL ADMINISTRACIÓN</a>
                    </li>
                </ul>
            <% end %>
            <% if user_signed_in? %>
                <ul class="nav navbar-nav navbar-right right-links text-center">
                    <li id="language" class="lenguage-box">
                        <a href="<%= client_info_url %>">
                            <span class="lang-title">Hola, <span class="bold-text"><%= current_user.login %></span></span>
                        </a>
                    </li>
                    <li>
                        <span class="hidden-xs navSep navbar-text">|</span>

                    </li>
                    <li id="currency">
                        <a href="<%= destroy_user_session_url %>" data-method="delete" rel="nofollow">
                            <span class="currency-title">Salir</span>

                        </a>
                    </li>
                </ul>
            <% else %>
                <ul class="nav navbar-nav navbar-right right-links text-center">
                    <li id="currency">
                        <a href="<%= new_user_session_url %>">
                            <span class="currency-title">Acceder</span>
                        </a>
                    </li>
                </ul>
            <% end %>
        </div><!-- end div .container -->
    </nav>

    <div class="container logo-box">
        <div class="row">
            <div class="row">
                <div class="header-block-call col-md-4 col-sm-5">
                    <a href="skype:usersskypename?call">
                        <i class="fa fa-phone"></i>
                        <div class="logo-box-date-phone">
                            <address>
                                <span class="call-us">ATENCION AL CLIENTE / SERVICIO TECNICO</span><br>
                                <span class="date">LUNES A VIERNES: 08:30 - 13 HS y 14 - 18 HS</span>
                            </address>
                        </div>
                    </a>
                </div>


                <div class="header-block-logo col-md-offset-1 col-md-2 col-sm-3 logo">
                    <a href="<%= root_url %>"></a>
                </div>

                <div class="col-lg-offset-3 col-md-offset-1 col-md-4 col-lg-2 col-sm-3 col-sm-offset-1 shopping-cart-block">
                    <% if user_signed_in? && current_user.client? %>
                    <div class="pull-right">
                        <i class="fa  fa-shopping-cart"></i>
                        <a href="<%= show_cart_url %>">
                            <div class="cart-content">
                                <span class="cart-text">VER PEDIDO</span><br>
                                <div class="#shoppingCart">
                                        <span class="cart-info"><span id="cart_count"><%= @cart.items.count %></span> &nbsp;producto(s)
                                        </span>
                                    <!--<div class="checkout-button"><a href="checkout.html" class="check-out">REALIZAR PEDIDO</a></div>-->

                                    <!-- Modal -->
                                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                      <div class="modal-dialog modal-sm">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                          </div>
                                          <div class="modal-body">
                                            <h4>¿Est&aacute; seguro?</h4>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn leave-prod" data-dismiss="modal">NO</button>
                                            <button type="button" class="btn delete-prod" data-dismiss="modal">SI</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                </div>
                            </div>
                        </a>
                    </div>
                    <% end %>
                </div>
            </div>
        </div>
    </div>

    <nav class="navbar navbar-default navbar-static-top nav-bottom-line" role="navigation">
    <% unless request.path == root_path %>
        <div class="container" style="border-bottom: 2px solid #ddd">
    <% else %>
        <div class="container">
    <% end %>
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-2">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-navbar-collapse-2">
                <ul class="nav navbar-nav">
                    <li <%= request.path == root_path ? "class='active'" : '' %>>
                        <a href="<%= root_url %>">HOME</a>
                    </li>
                    <li <%= request.path == products_path ? "class='active'" : '' %>>
                        <a href="<%= products_url(:all => true) %>">CATALOGO</a>
                    </li>
                    <li>
                        <a href="<%= about_url %>">QUIENES SOMOS</a>
                    </li>
                    <li>
                        <a href="<%= technical_service_url %>">SERVICIO TECNICO</a>
                    </li>
                    <li>
                        <a href="<%= contact_url %>">CONTACTO</a>
                    </li>
                </ul>
            </div><!-- end div .navbar-collapse -->
        </div><!-- end div .container -->
    </nav>

    <div class="search-box">
        <div class="container">
            <% form_tag search_url, :method => 'get', :class => 'pull-right' do %>
                <div class="form-group">
                    <%= text_field_tag :keywords,'', :class => 'form-control', :style => "width: 0px; padding-left: 0px; padding-right: 0px; border-width: 0px;", :placeholder => 'Buscar...', :autocomplete => 'off' %>
                </div>
                <button type="submit">
                    <i class="fa fa-search"></i>
                </button>
            <% end %>
        </div>
    </div>

</header>
<!-- END HEADER -->

<!--<div id="header">
    <div id="header-content">
        <div id="global-user-info"><%#= render :partial => 'shared/sign_in_info' %></div>

        <div id="menu-container">
            <ul>
                <li><%#= link_to "Inicio", root_path %></li>
                <li>|</li>
                <li><%#= link_to "Productos", products_path(:all => true) %></li>
            </ul>
        </div>
        <div id="cart_count"><%#= render :partial => 'shared/cart_count' %></div>
    </div>
</div>-->